function bind(el,eventType,callback){//设定一个名为bind的function,在bind里面传入三个变量el,eventType,callback
    if (typeof el.addEventListener === 'function') {//判断如果el的addEventListener为function为真,表示在其它网页上显示;
        el.addEventListener(eventType,callback,false);//那么按此行方法执行
    }else if (typeof el.attechEvent === 'function') {//否则 如果el的attechEvent为function为真,表示在IE浏览器上显示;
         el.attechEvent('on' + eventType,callback);//那么按此行方法执行
    }
}

function mouseoverHandler(e){  //设定一个名为mouseoverHandler的function,在mouseoverHandler里面传入一个变量e
    console.log(1);//打印数字1
    var target = e.target || e.srcElement;//设定变量target为变量e的target,后面为兼容写法
    var outer = document.getElementById('subject');//设定变量outer的值为ocument.getElementById('subject')
    var list = outer.getElementsByTagName('li');//设定另外一个变量为outer.getElementsByTagName('li')


    for(var i =0; i <list.length;i++){//设定一个循环,设定变量i从零开始,当i的值小于变量list的数组长度,则i的值加1;
        list[i].className = '';//在以上情况下清除list列表里面所有的className,使之为空;
    }
    while(target.tagName != 'LI' || target.tagName == 'BODY'){//同时当target的tagName不为LI或者target的tagName为body
        target = target.parentNode;//target为target的parentNode
        
    }
    target.className = 'big';//target的className为big
}

function initList(){//设定一个名为initList的function
    var outer = document.getElementById('subject');//设定一个变量outer为document.getElementById('subject')
    var list = outer.getElementsByTagName('li');//设定另外一个变量为outer.getElementsByTagName('li')
    for(var i =0; i <list.length;i++){//设定一个循环,设定变量i从零开始,当i的值小于变量list的数组长度,则i的值加1;
        bind(list[i], 'mouseover', mouseoverHandler);//往名为bind的function里面传入三个变量list[i],mouseover,mouseoverHandler
    }
}
